提醒：由於看到這系列鐵人訂閱人數漸漸變多，標記一下這些內容是在「非常萌新時期」所寫，更多技術內容請參考我的 Github，歡迎跟我一起討論 ^ ^

經歷一個禮拜的體驗，重新認識到原本想表達的內容超出了我現有的能力，在寫作的過程中，為更全面了解某些概念，不小心會鑽得太深，而看得越多知道的越少，在這方面花了過多時間，壓縮了主線學習時間。
而參考前面提的這篇，現階段的自我規劃為有效率的學習 80% 的知識。而上禮拜的實作，不符合現階段的學習規劃。
因此接下來的鐵人賽內容將以當天的學習筆記呈現，而原本想表達的主題，待充實後再重拾。

CSS Navigation Bar

• 一般位於網頁頂部、側邊的瀏覽列。
• 主體結構：包裝成 list 的 links。
• 移除 list 預設的屬性（list-style-type、margin、padding）
• 移除 link 預設的屬性（text-decoration）
• 將 a 設定成 display: block; ，使得可點選連結的範圍變為整格。
• 可將每個 list 做 display: inline; 或 float: left; 改成水平列。
• 使用 position 固定位置。
• 可用 @media 使其對各種裝置做調整。
• 練習